<script setup lang='ts'>
defineOptions({
  name: 'BaseTag',
})
defineProps<{ text: string }>()
defineEmits(['click', 'close'])
</script>

<template>
  <div class="bg-bg-black-4 flex gap-[0.25rem] px-[0.6rem] py-[0.125rem] items-center rounded-[1rem]">
    <span @click="$emit('click', text)">{{ text }}</span>
      <div class="icon" @click="$emit('close', text)">
        <BaseIcon name="uni-close" size="size-[0.75rem]"/>
    </div>
  </div>
</template>